<!doctype html>
<html class="fsvs demo" lang="zh">
    <head>
        <meta charset="UTF-8">
        <title>jQuery和CSS3带过渡效果的全屏整页垂直滚动</title>
        <meta name="description" content="CSS3 Full Screen Vertical Scroller with jQuery animation fallback" />
        <meta name="viewport" content="width=device-width, user-scalable=no">
        <link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="css/default.css">
        <link rel="stylesheet" href="css/style.css">
        
        <script src="http://libs.useso.com/js/jquery/1.11.0/jquery.min.js"></script>
        <script src="js/jquery-migrate-1.2.1.min.js"></script>
        <script src="js/jquery.swipe-events.js"></script>
        <script src="js/prismjs.js"></script>
        <script src="js/fsvs.js"></script>
        <script src="js/main.js"></script>
    </head>
    <body>
        <div id="fsvs-body">
            <div class="slide"/>
               
               <h2>First</h2>
            </div>
            <div class="slide">
                <h2>Second</h2>
               
            </div>
            
            <div class="slide">
                <h2>Third</h2>
    
            </div>
            <div class="slide">
                <h2>fourth</h2>
    
            </div>
            <div class="slide">
                
                    <h3>Last</h3>             
            </div>
        </div>
    </body>
     <script>
    $(document).ready( function() {
    var slider = $.fn.fsvs({
        speed : 3000,
        bodyID : 'fsvs-body',
        selector : '> .slide',
        mouseSwipeDisance : 40,
        afterSlide : function(){},
        beforeSlide : function(){},
        endSlide : function(){},
        mouseWheelEvents : true,
        mouseWheelDelay : false,
        scrollabelArea : 'scrollable',
        mouseDragEvents : true,
        touchEvents : true,
        arrowKeyEvents : true,
        pagination : true,
        nthClasses : false,
        detectHash : true
    });
    
});  
</script>         
</html>